<comment>
#组件注释
该组件用于生成左边顶部组件
</comment>
<template>
  <div style="width: 100%;height: 100%;">
    <dv-border-box-7 class="box-7">
      <!-- 标题 -->
      <div>安全总览</div>
      <!-- 表格 -->
      <div style="width: 100%;height: 90%;bottom: 0px;">
        <div style="margin-top: 5px">累计安全生产{{dayNum}}天</div>
        <a-divider style="margin: 3px" />

        <table style="width: 90%; height: 70%; bottom: 0px; margin:10px">
          
          <tr style="height: 50%">
            <td>{{tableDate[0].name}}</td>
            <td>{{tableDate[0].num}}</td>
            <td>{{tableDate[1].name}}</td>
            <td>{{tableDate[1].num}}</td>
          </tr>
          <tr style="height: 50%">
            <td>{{tableDate[2].name}}</td>
            <td>{{tableDate[2].num}}</td>
            <td>{{tableDate[3].name}}</td>
            <td>{{tableDate[3].num}}</td>
          </tr>
        </table>
      </div>
    </dv-border-box-7>
  </div>
</template>
<script>
// import XX from 'xx'
export default {
  name: "AllLeftTop",
  components: {},
  props: {},
  data() {
    return {
      dayNum: 2,
      tableDate: [
        {
          name: "在建项目",
          num: "23个",
        },
        {
          name: "停工项目",
          num: "4个",
        },
        {
          name: "项目总数",
          num: "44个",
        },
        {
          name: "重点项目",
          num: "0个",
        },
      ],
    };
  },
};
</script>